<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button>点击</button>
    <script>
        //概念： Event 对象代表事件的状态，当dom tree中某个事件被触发的时候
        //会同时自动产生一个用来描述事件所有的相关信息（比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。）的对象，这个对象就是event（事件对象）。
        const button = document.querySelector("button")
        button.addEventListener("click", function (e) {
            console.log(e);//e 就是事件对象，里面包含了相关的属性以及方法
        })
    </script>
</body>

</html>